UserCSS: Link Deco
#UserCSS
[~ <link>]
外部リンクを短く表現したいときに用いる
また、内部リンクのうち、どうしてもエイリアス表現を用いたいときに用いる
GLTFLoaderThree.js: GLTFLoaderは行数がすごい
Explorers of the Internetは最高だよ https://soundcloud.com/explorersoftheinternet/christmas2021
code:style.css
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,100..700,0,-50..200&icon_names=arrow_outward');
.deco-\~ {
position: relative;
&:has(a) {
color: var(--page-link-color, #3d72f5);
}
&:has(a.empty-page-link) {
color: var(--empty-page-link-color, #fd7373);
}
& a::before {
content: '🔗';
}
& ahref^="/0b5vr/"::before {
content: '';
font-family: 'Material Symbols Outlined', monospace;
font-variation-settings: 'FILL' 0, 'wght' 700, 'GRAD' 0, 'opsz' 24;
}
& a span {
position: absolute;
inset: 0;
font-size: 0;
}
.cursor-line & {
& a span {
position: unset;
inset: unset;
font-size: unset;
}
}
}